<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Bugs - Opera - Moving Design</title>
	<style type="text/css">

body
{
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
}

.TB_Toolbar
{
	display: inline;
	float: left;
}

.TB_Button_On, .TB_Button_Off
{
	border: #ff0000 1px solid;
	height: 22px;
	width: 22px;
}

.TB_Button_On
{
	border: #316ac5 1px solid;
	background-color: #c1d2ee;
}

	</style>
</head>
<body>
	<table width="100%" style='height: 100%;' border="1">
		<tr>
			<td>
				<table class="TB_Toolbar">
					<tr>
						<td>
							<div class="TB_Button_Off" onmouseover="this.className='TB_Button_On';" onmouseout="this.className='TB_Button_Off';">
								&nbsp;</div>
						</td>
					</tr>
				</table>
				<table class="TB_Toolbar">
					<tr>
						<td>
							<div class="TB_Button_Off" onmouseover="this.className='TB_Button_On';" onmouseout="this.className='TB_Button_Off';">
								&nbsp;</div>
						</td>
					</tr>
				</table>
				<table class="TB_Toolbar">
					<tr>
						<td>
							<div class="TB_Button_Off" onmouseover="this.className='TB_Button_On';" onmouseout="this.className='TB_Button_Off';">
								&nbsp;</div>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				Pass your mouse over the red boxes or maximize and "demaximize" (restore, not minimize) the browser.
			</td>
		</tr>
		<tr style='height: 100%'>
			<td>
				<iframe frameborder="0" height="100%" width="100%"></iframe>
			</td>
		</tr>
	</table>
</body>
</html>
